<script setup>
import { ref } from "vue";
const activeId = ref(1);
const activeIndex = ref(0);
const items = [
    {
        text: '李宁',
        children: [
            { text: '李宁男鞋子', id: 1 },
            { text: '李宁男衣服', id: 2 },
            { text: '李宁男袜子', id: 3 },
            { text: '李宁女鞋子', id: 4 },
            { text: '李宁女衣服', id: 5 },
            { text: '李宁女袜子', id: 6 },
        ],
    },
    {
        text: '特步',
        children: [
            { text: '特步男鞋子', id: 1 },
            { text: '特步男衣服', id: 2 },
            { text: '特步男袜子', id: 3 },
            { text: '特步女鞋子', id: 4 },
            { text: '特步女衣服', id: 5 },
            { text: '特步女袜子', id: 6 },
        ],
    },
    {
        text: '安踏',
        children: [
            { text: '安踏男鞋子', id: 1 },
            { text: '安踏男衣服', id: 2 },
            { text: '安踏男袜子', id: 3 },
            { text: '安踏女鞋子', id: 4 },
            { text: '安踏女衣服', id: 5 },
            { text: '安踏女袜子', id: 6 },
        ],
    }
];
</script>
<template>
     <HCnavbar title="分类" :leftArrow="false"/>
    <van-tree-select v-model:active-id="activeId" v-model:main-active-index="activeIndex" :items="items" />
</template>
<style scoped></style>